
export default defineComponent({
  name: "TopSideComponent",
  setup() {
    const topMenuActive = ref(""),
      router = useRouter();

    return () => (
      <div class="gap-[10px] mx-auto">
       
        <el-button size="default"
          type={topMenuActive.value === "/customer" ? "primary" : ""}
          onClick={() => router.push("/business/order")}
        >
          业务订单
        </el-button>
        <el-button size="default"
          type={topMenuActive.value === "/employee" ? "primary" : ""}
          onClick={() => router.push("/business/contract")}
        >
          生产排单
        </el-button>
        <el-button size="default"
          type={topMenuActive.value === "/guarantee" ? "primary" : ""}
          onClick={() => router.push("/guarantee")}
        >
          采购协同
        </el-button>
        <el-button size="default"
          type={topMenuActive.value === "/settlement" ? "primary" : ""}
          onClick={() => router.push("/settlement")}
        >
          仓储库存
        </el-button>
        <el-button size="default"
          type={topMenuActive.value === "/finance" ? "primary" : ""}
          onClick={() => router.push("/finance")}
        >
          财务管理
        </el-button>
        <el-button size="default"
          type={topMenuActive.value === "/report" ? "primary" : ""}
          onClick={() => router.push("/report")}
        >
          系统配置
        </el-button>
      </div>
    );
  },
});
